// 技能详情页面
Page({
  /**
   * 页面的初始数据
   */
  data: {
    skillInfo: null,
    showContactModal: false,
    showBookingModal: false,
    selectedDate: '',
    selectedTime: '',
    bookingReason: '',
    contactName: '',
    contactPhone: '',
    availableDates: ['2025-01-28', '2025-01-29', '2025-01-30', '2025-01-31'],
    availableTimes: ['09:00-11:00', '14:00-16:00', '19:00-21:00']
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    console.log('技能详情页面加载', options);
    
    // 获取传递过来的技能信息
    if (options.id) {
      // 根据技能ID获取对应的技能详情
      const skillId = parseInt(options.id);
      const skillName = options.name || '';
      
      // 技能数据库 - 这里可以根据实际需求从服务器获取
      const skillsDatabase = {
        1: {
          id: 1,
          name: '电脑维修',
          category: '维修服务',
          description: '提供电脑软硬件维修服务,经验丰富',
          detailedDescription: '我是一名专业的电脑维修技师，拥有8年维修经验。擅长各种品牌电脑的软硬件维修，包括系统重装、病毒清理、硬件更换、数据恢复等。提供上门服务，快速响应，价格合理。',
          serviceMethod: '上门服务',
          publishDate: '2025-01-27',
          status: '已发布',
          provider: '王师傅',
          location: '社区内上门服务',
          price: '50元起',
          experience: '8年维修经验',
          education: '计算机技术专业',
          certificates: ['计算机维修工程师证', '网络安全证书'],
          availableTime: '周一至周日 8:00-20:00',
          contactPhone: '13900139000',
          contactWechat: 'computer_repair_wang',
          icon: '💻',
          images: [],
          reviews: [
            {
              user: '李先生',
              rating: 5,
              comment: '王师傅技术很好，电脑问题一下就解决了！',
              date: '2025-01-25'
            },
            {
              user: '张女士',
              rating: 5,
              comment: '服务很及时，价格也合理，推荐！',
              date: '2025-01-22'
            }
          ]
        },
        2: {
          id: 2,
          name: '英语辅导',
          category: '教育培训',
          description: '英语专业毕业,可提供小学到高中英语辅导',
          detailedDescription: '我是一名英语专业毕业生，拥有5年教学经验。擅长小学到高中的英语教学，包括语法、词汇、阅读、写作等各个方面。可以根据学生的具体情况制定个性化教学计划，帮助学生提高英语成绩和实际应用能力。',
          serviceMethod: '线上/线下',
          publishDate: '2025-01-27',
          status: '已发布',
          provider: '李老师',
          location: '社区活动中心',
          price: '80元/小时',
          experience: '5年教学经验',
          education: '英语专业本科',
          certificates: ['教师资格证', '英语专业八级证书'],
          availableTime: '周一至周日 9:00-21:00',
          contactPhone: '13800138000',
          contactWechat: 'teacher_li',
          icon: '📚',
          images: [],
          reviews: [
            {
              user: '张妈妈',
              rating: 5,
              comment: '李老师很有耐心，孩子英语进步很大！',
              date: '2025-01-20'
            },
            {
              user: '王爸爸',
              rating: 5,
              comment: '教学方法很好，孩子很喜欢上英语课。',
              date: '2025-01-15'
            }
          ]
        },
        3: {
          id: 3,
          name: '手工编织',
          category: '生活服务',
          description: '擅长毛衣、围巾等编织,可教授编织技巧',
          detailedDescription: '我是一名手工编织爱好者，有15年的编织经验。擅长各种毛衣、围巾、帽子等针织品的制作，可以教授编织技巧，帮助初学者入门。提供一对一教学，材料可自带或代购。',
          serviceMethod: '线下教学',
          publishDate: '2025-01-27',
          status: '已发布',
          provider: '陈阿姨',
          location: '社区活动室',
          price: '30元/小时',
          experience: '15年编织经验',
          education: '自学成才',
          certificates: ['手工编织技能证书'],
          availableTime: '周一至周五 14:00-17:00',
          contactPhone: '13700137000',
          contactWechat: 'knitting_chen',
          icon: '🧶',
          images: [],
          reviews: [
            {
              user: '刘女士',
              rating: 5,
              comment: '陈阿姨教得很仔细，我学会了织围巾！',
              date: '2025-01-18'
            }
          ]
        },
        4: {
          id: 4,
          name: '心理咨询',
          category: '咨询服务',
          description: '专业心理咨询师,提供心理健康咨询服务',
          detailedDescription: '我是一名专业的心理咨询师，拥有国家二级心理咨询师证书和6年咨询经验。擅长青少年心理、家庭关系、情绪管理等方面的咨询。提供线上和线下咨询服务，严格保护隐私。',
          serviceMethod: '线上/线下',
          publishDate: '2025-01-27',
          status: '已发布',
          provider: '赵咨询师',
          location: '社区心理咨询室',
          price: '120元/小时',
          experience: '6年咨询经验',
          education: '心理学专业硕士',
          certificates: ['国家二级心理咨询师', '心理学硕士学位'],
          availableTime: '周一至周五 9:00-18:00',
          contactPhone: '13600136000',
          contactWechat: 'psychology_zhao',
          icon: '🧠',
          images: [],
          reviews: [
            {
              user: '孙女士',
              rating: 5,
              comment: '赵老师很专业，帮助我解决了困扰很久的问题。',
              date: '2025-01-16'
            }
          ]
        }
      };
      
      // 获取对应的技能信息
      const skillInfo = skillsDatabase[skillId];
      
      if (skillInfo) {
        this.setData({
          skillInfo: skillInfo
        });
      } else {
        // 如果找不到对应的技能信息，显示默认信息
        wx.showToast({
          title: '技能信息不存在',
          icon: 'none'
        });
        // 返回上一页
        setTimeout(() => {
          wx.navigateBack();
        }, 1500);
      }
    }
  },

  /**
   * 显示联系模态框
   */
  showContactModal() {
    this.setData({
      showContactModal: true
    });
  },

  /**
   * 显示预约模态框
   */
  showBookingModal() {
    this.setData({
      showBookingModal: true
    });
  },

  /**
   * 关闭模态框
   */
  closeModal() {
    this.setData({
      showContactModal: false,
      showBookingModal: false
    });
  },

  /**
   * 选择预约日期
   */
  selectDate(e) {
    const date = e.currentTarget.dataset.date;
    this.setData({
      selectedDate: date
    });
  },

  /**
   * 选择预约时间
   */
  selectTime(e) {
    const time = e.currentTarget.dataset.time;
    this.setData({
      selectedTime: time
    });
  },

  /**
   * 输入预约原因
   */
  onReasonInput(e) {
    this.setData({
      bookingReason: e.detail.value
    });
  },

  /**
   * 输入联系人姓名
   */
  onNameInput(e) {
    this.setData({
      contactName: e.detail.value
    });
  },

  /**
   * 输入联系电话
   */
  onPhoneInput(e) {
    this.setData({
      contactPhone: e.detail.value
    });
  },

  /**
   * 提交预约
   */
  submitBooking() {
    const { selectedDate, selectedTime, bookingReason, contactName, contactPhone } = this.data;
    
    if (!selectedDate) {
      wx.showToast({
        title: '请选择预约日期',
        icon: 'none'
      });
      return;
    }
    
    if (!selectedTime) {
      wx.showToast({
        title: '请选择预约时间',
        icon: 'none'
      });
      return;
    }
    
    if (!bookingReason.trim()) {
      wx.showToast({
        title: '请输入预约原因',
        icon: 'none'
      });
      return;
    }
    
    if (!contactName.trim()) {
      wx.showToast({
        title: '请输入联系人姓名',
        icon: 'none'
      });
      return;
    }
    
    if (!contactPhone.trim()) {
      wx.showToast({
        title: '请输入联系电话',
        icon: 'none'
      });
      return;
    }

    // 显示提交中
    wx.showLoading({
      title: '提交预约中...'
    });

    // 模拟提交
    setTimeout(() => {
      wx.hideLoading();
      wx.showModal({
        title: '预约提交成功',
        content: '您的预约已提交，技能提供者会在24小时内联系您确认',
        showCancel: false,
        success: () => {
          this.closeModal();
        }
      });
    }, 2000);
  },

  /**
   * 拨打电话
   */
  makePhoneCall() {
    wx.makePhoneCall({
      phoneNumber: this.data.skillInfo.contactPhone,
      success: () => {
        console.log('拨打电话成功');
      },
      fail: (err) => {
        console.error('拨打电话失败:', err);
        wx.showToast({
          title: '拨打电话失败',
          icon: 'none'
        });
      }
    });
  },

  /**
   * 复制微信号
   */
  copyWechat() {
    wx.setClipboardData({
      data: this.data.skillInfo.contactWechat,
      success: () => {
        wx.showToast({
          title: '微信号已复制',
          icon: 'success'
        });
      }
    });
  },

  /**
   * 预览图片
   */
  previewImage(e) {
    const current = e.currentTarget.dataset.src;
    wx.previewImage({
      current: current,
      urls: this.data.skillInfo.images
    });
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {
    return {
      title: `${this.data.skillInfo?.name} - 技能共享`,
      path: `/pages/neighborhood-help/skill-sharing/detail/index?id=${this.data.skillInfo?.id}&name=${this.data.skillInfo?.name}`
    };
  }
})
